<template>
	<view class="fu-p-30">
		<demo-desc>
			此组件为超链接组件，在不同平台有不同表现形式：在APP平台会通过plus环境打开内置浏览器，在小程序中把链接复制到粘贴板，同时提示信息，在H5中通过window.open打开链接。
		</demo-desc>
		
		<fu-section title="基本案例" customClass="fu-m-t-20" type="line">
			<fu-link href="https://www.baidu.com" text="打开Fusions UI文档"></fu-link>
		</fu-section>
		
		<fu-section title="显示下划线" customClass="fu-m-t-20" type="line">
			<fu-link href="https://www.baidu.com" text="Go to fusions doc" underLine></fu-link>
		</fu-section>
		
		<fu-section title="自定义颜色" customClass="fu-m-t-20" type="line">
			<fu-link href="https://www.baidu.com" color="#1ace71" text="打开Fusions UI文档"></fu-link>
		</fu-section>
		
		<fu-section title="自定义链接内容" customClass="fu-m-t-20" type="line">
			<fu-link href="https://uniapp.dcloud.io/" text="打开uni-app文档"></fu-link>
		</fu-section>
		
		<fu-section title="slot插槽使用" customClass="fu-m-t-20" type="line">
			<fu-link href="https://www.baidu.com">打开uni-app文档</fu-link>
		</fu-section>
	</view>
</template>

<script>

</script>

<style lang="scss">
	page {
		background-color: $bg-color;
	}
</style>